:root{
	font-size:24px;
}

.coupon-scroll{
	display : flex;	
	flex-wrap: wrap;
    align-content: baseline;
}

.item-li {
	width: 430px;
    position: relative;
    margin: 0;
    margin-bottom: 0.4rem;
    margin-right: 0.4rem;
    border-bottom-left-radius: 0.45rem;
    border-bottom-right-radius: 0.45rem;
    min-height: 5rem;
}

.item-li.layoutRound .item_main {
    position: relative;
    width: 430px;
    overflow: hidden;
    background: #F4F4F4;
    border-top-left-radius: 0.45rem;
    border-bottom-left-radius: 0.45rem;
    border-top-right-radius: 0.45rem;
    border-bottom-right-radius: 0.45rem;
    box-shadow: 0px 0.1rem 0.1rem 0 #ececec;
    -webkit-box-shadow: 0px 0.1rem 0.1rem 0 #ececec;
}

.item_left {
    border-top-left-radius: 0.45rem;
    border-bottom-left-radius: 0.45rem;
    width: 5rem;
    height: 5rem;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    background: -webkit-linear-gradient(-45deg, #F85E53, #F98078);
    background: -o-linear-gradient(-45deg, #F85E53, #F98078);
    background: -moz-linear-gradient(-45deg, #F85E53, #F98078);
    background: linear-gradient(-45deg, #F85E53, #F98078);
}

.item_price.middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.item_price {
    width: 100%;
    display: inline-block;
    text-align: center;
    top: 1.25rem;
    position: relative;
}

.item_left em {
    font-size: 0.5rem;
    line-height: 0.7rem;
    height: 0.7rem;
    font-style: normal;
    font-weight: 400;
}

.item_price .price_info {
    display: inline-block;
    padding-left : 5px;
    padding-right : 5px;
}

.item_price b.fsLarge {
    font-size: 48px;
    line-height: 2rem;
}

.item_price b {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

b {
    font-weight: bold;
}

.item_price b span {
    font-size: 0.9rem;
    line-height: 0.9rem;
    font-style: normal;
    font-weight: 400;
}

.fl {
    float: left;
}

.item-li.layoutRound .item_cont {
/*     width: calc(100% - 10.125rem); */
    width: 211px;
    height: 5rem;
    font-weight: 400;
    color: #999999;
    position: relative;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	background: antiquewhite;
    text-align: left;
}

.item-li.layoutRound .item_cont h3 {
    font-size: 0.75rem;
    line-height: 0.75rem;
    height: 1.5rem;
    padding: 0.7rem 0 0 0;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    margin : 0;
}

.item-li h3 {
    font: 600 1em/1.5 Tahoma;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.item-li.layoutRound .item_cont .act_name {
    font-size: 0.6rem;
    line-height: 0.8rem;
    padding: 0.15rem 0 0 0;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
}

.item-li.layoutRound .item_cont .ellips {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellips {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-li.layoutRound .item_cont .act_duration {
    font-size: 0.5rem;
    line-height: 0.65rem;
    color: #999999;
    overflow: hidden;
/*     white-space: nowrap; */
	white-space : normal;
    text-overflow: ellipsis;
}

.item-li.layoutRound .item_cont .remark_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 8rem;
}

.item-li.layoutRound .item_cont .remark_btn .remark_text {
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    margin-left: 0.5rem;
    line-height: 0.6rem;
    font-size: 0.5rem;
    color: #aaaaaa;
    height: 16px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    cursor: pointer;
}

.item-li.layoutRound .item_cont .remark_btn .remark_text::after {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin: 0 .15rem 0 0.25rem;
    border-right: .05rem solid #CCCCCC;
    border-bottom: .05rem solid #CCCCCC;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: .1rem;
}

.item-li.layoutRound .item_cont .remark_btn .remark_text.cps_expand::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    vertical-align: 0px;
}

.item-li.layoutRound .item_right {
/*     width: 4.125rem; */
    width : 99px;
    height: 5rem;
    position: relative;
    color: #666666;
    background-color: #fff;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	background: antiquewhite;
}

.item-li.layoutRound .item_right:before {
    content: "";
    width: 0.65rem;
    height: 0.65rem;
    position: absolute;
    background-color: #F4F4F4;
    border-radius: 100%;
    left: -0.325rem;
    z-index: 3;
    bottom: -0.325rem;
    top: -0.325rem;
}

.item-li.layoutRound .item_right .cicleProgress {
    position: absolute;
    left: 0;
    right: 0;
    top: 0.5rem;
}

.item-li.layoutRound .item_right:after {
    content: "";
    width: 0.65rem;
    height: 0.65rem;
    position: absolute;
    background-color: #F4F4F4;
    border-radius: 100%;
    left: -0.325rem;
    z-index: 3;
    bottom: -0.325rem;
}

.item-li.layoutRound .item_right .btn {
    line-height: 1rem;
    height: 1rem;
    color: #ffffff;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.5rem;
    width: 3.1rem;
    margin: auto;
    border-radius: 0.2rem;
    font-size: 0.5rem;
    background: -webkit-linear-gradient(-45deg, #F85E53, #F98078);
    background: -o-linear-gradient(-45deg, #F85E53, #F98078);
    background: -moz-linear-gradient(-45deg, #F85E53, #F98078);
    background: linear-gradient(-45deg, #F85E53, #F98078);
    padding: 0;
}


.item_sub_list {
    width: 100%;
    background: #F9F9F9;
    border-bottom-left-radius: 0.45rem;
    border-bottom-right-radius: 0.45rem;
    display: none;
    position: static;
    visibility: visible;
    overflow: hidden;
    margin-top: -0.5rem;
    margin-bottom: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0px;
}

.item-li.layoutRound .icon_expired {
    background: url(../../../static/group/E_coupon/expired.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.175rem;
    height: 2.4rem;
    display: inline-block;
    margin-top: 0.75rem;
}

.item-li.layoutRound .icon_received {
    background: url(../../../static/group/E_coupon/coupon_got.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.175rem;
    height: 2.4rem;
    display: inline-block;
    margin-top: 0.75rem;
}

.count-down{
/* 	margin-top: 39px;  */
	margin-top: 25px; 
}  
  
.count-down div{
	font-size : 12px; 
}

.count-down span{
	display: inline-block;
    min-width: 24px;
    height: 20px;
    background: #585858;
    border-radius: 5px;
    font-size: 12px;
    color: white;
    font-weight: 400;
    margin:0 3px;
}

.coupon-scroll ul{
	margin-left : 0px;	
}

.item_remark_tmpl{
	padding: 5px 30px;
	text-align: left;
}

.coupon-item .item-c-content{
	width : 209px;
	height : 67px;
}

.item-c-content .c-content{
	width: 209px;
	height : 36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.item-li.layoutRound .item_cont::after {
    content: "";
    background: url(../../../static/group/E_coupon/br.png) repeat-y center;
    background-size: auto;
    position: absolute;
    top: 0.25rem;
    width: 0.1rem;
    height: 100%;
    background-size: contain;
    right: -0.05rem;
    z-index: 2;
}